.radar_scanning{
  width: 100%;
  height: 100%;
  position: relative;
}
.radar_txt_box{
  display: none;
}
.radar_box{
  width: 15.6vw;
  height: 27.8vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}
.radar_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("./img/radarbg.png") no-repeat;
  background-size:100% 100% ;
}
.radar_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("./img/radarbg.png") no-repeat;
  background-size:100% 100% ;
}
.radar_wh{
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("./img/radar1.png") no-repeat;
  background-size:100% 100% ;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: turnZn 3s infinite linear;
}
.radar_nh{
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("./img/radar.png") no-repeat;
  background-size:100% 100% ;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: turnZ 3s infinite linear;

}
.radar_line{
  width: 18.4vw;
  height: 35.7vh;
  position: absolute;
  background: url("./img/lines.png") no-repeat;
  background-size:100% 100% ;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: turnZ 8s infinite linear;
  z-index: 2;
}
@keyframes turnZ {
  0% {
    transform:rotatez(0deg)
  }
  50% {
    transform:rotatez(180deg)
  }
  100% {
    transform:rotatez(360deg)
  }
}
@keyframes turnZn {
  0% {
    transform:rotatez(0deg)
  }
  50% {
    transform:rotatez(-180deg)
  }
  100% {
    transform:rotatez(-360deg)
  }
}
